<%--
  Created by IntelliJ IDEA.
  User: hp
  Date: 2022/5/18
  Time: 9:29
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>管理员登录</title>
    <meta
            content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"
            name="viewport">

    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/plugins/ionicons/css/ionicons.min.css">
<%--    <link rel="stylesheet"--%>
<%--          href="${pageContext.request.contextPath}/plugins/adminLTE/css/AdminLTE.css">--%>
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/plugins/iCheck/square/blue.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/login.css">
    <style>
        .qws{
            position: absolute;
            top: 250px;
            height: 350px;
            width: 450px;
            left:35%;
            opacity: 0.85;
            background-color: #FFFFFF;
        !important;
        }
        .form-group{
            top: 20px;
            width: 300px;
            left: 80px;
        }
        .login-logo{
            position: absolute;
            top: 20px;
            left: 10%;
        }
        .op{
            position: absolute;
            top: 90px;
            left: 36%;

        }
        .bn{
            position: absolute;
            top: 120px;


        }
        .row{
            position: absolute;
            left: 20px;
            width: 450px;
            right: 0;
            top: 160px;
        }
        .ll{
            width: 80px;
            height: 40px;
        }
        .mm{
            position: absolute;
            top: 250px;
        }
    </style>
</head>
<body class="hold-transition login-page">
<div class="container"><img class="background" src="${pageContext.request.contextPath}/img/skry.jpg"/>

    <p class="message">如果你有勇气去追求<br>你所有的梦想都能实现</p>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
    <div class="circle-container">
        <div class="circle"></div>
    </div>
</div>
<div class="login-box qws">
    <div class="login-logo">
        <h1>欢迎来到借书管理系统</h1>
    </div>
    <!-- /.login-logo -->
    <div class="login-box-body">
        <h4 class="login-box-msg op">管理员登录端</h4>

        <form action="${pageContext.request.contextPath}/adim/login"
              method="post" class="bn">
            <div>${msg}</div>
            <div class="form-group has-feedback">
                <input type="text" name="adimname" autocomplete="off" class="form-control"
                       placeholder="用户名">
                <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
            </div>
            <div class="form-group has-feedback">
                <input type="password" name="password" class="form-control"
                       placeholder="密码"> <span
                    class="glyphicon glyphicon-lock form-control-feedback"></span>
            </div>
            <div class="row">
                <div class="col-xs-8">
                    <button class="ll" type="button" onclick="location.href='${pageContext.request.contextPath}/adim/inadd'">
                        注册
                    </button>
                    &nbsp; &nbsp;
                    <a title="学生登录" href="${pageContext.request.contextPath}/jsp/login.jsp">
                        <svg t="1653899432015" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1452" width="32" height="32"><path d="M512 352c-70.7 0-128 57.3-128 128s57.3 128 128 128 128-57.3 128-128-57.3-128-128-128z m0 160c-17.6 0-32-14.4-32-32s14.4-32 32-32 32 14.4 32 32-14.4 32-32 32z" p-id="1453"></path><path d="M992 288c0-88.4-71.6-160-160-160-37.5 0-71.9 12.9-99.2 34.4C669.6 120.5 593.6 96 512 96s-157.6 24.5-220.8 66.4C263.9 140.9 229.5 128 192 128c-88.4 0-160 71.6-160 160 0 61.5 34.6 114.8 85.5 141.6-3.6 21.6-5.5 43.8-5.5 66.4 0 165.3 100.2 307.1 243.2 368.1C370.1 937.1 434.6 992 512 992s141.9-54.9 156.8-127.9C811.8 803.1 912 661.3 912 496c0-22.6-1.9-44.8-5.5-66.4C957.4 402.8 992 349.5 992 288z m-863.7 0c0-35.1 28.6-63.7 63.7-63.7 8 0 15.6 1.5 22.6 4.2 24 9.2 41.1 32.4 41.1 59.5 0 35.1-28.6 63.7-63.7 63.7-17.7 0-33.7-7.3-45.3-18.9-11.4-11.6-18.4-27.4-18.4-44.8z m447.4 544c0 35.1-28.6 63.7-63.7 63.7s-63.7-28.6-63.7-63.7c0-13.5 4.3-26.1 11.5-36.4 11.5-16.5 30.6-27.3 52.2-27.3s40.7 10.8 52.2 27.3c7.2 10.3 11.5 22.9 11.5 36.4z m216.4-217.7C776.8 650.5 754.9 683 727 711c-21 21-44.6 38.6-70.3 52.5C631 709.4 575.9 672 512 672s-119 37.4-144.6 91.5C341.6 749.6 318 731.9 297 711c-27.9-27.9-49.9-60.5-65.2-96.7C216 576.9 208 537.1 208 496c0-16.6 1.3-33.1 3.9-49.2C290.9 437 352 369.6 352 288c0-16.1-2.4-31.6-6.8-46.3 15.3-10 31.5-18.7 48.5-25.9C431.1 200 470.9 192 512 192s80.9 8 118.3 23.9c17 7.2 33.2 15.9 48.5 25.9-4.4 14.6-6.8 30.2-6.8 46.3 0 81.6 61.1 149 140.1 158.8 2.6 16.2 3.9 32.6 3.9 49.2 0 41-8 80.8-23.9 118.2zM832 351.7c-35.1 0-63.7-28.6-63.7-63.7 0-27.1 17.1-50.4 41.1-59.5a63 63 0 0 1 22.6-4.2c35.1 0 63.7 28.6 63.7 63.7 0 17.4-7 33.2-18.4 44.8-11.6 11.7-27.6 18.9-45.3 18.9z" p-id="1454"></path></svg>
                    </a>
                </div>
                <!-- /.col -->
                <div class="col-xs-4">
                    <button type="submit" class="btn btn-primary btn-block btn-flat">登录</button>
                </div>
                <!-- /.col -->
            </div>
        </form>
        <a title="返回首页" href="${pageContext.request.contextPath}/index.jsp">
            <svg t="1653998547414" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1002" width="32" height="32"><path d="M633.972 524H390c-16.569 0-30 13.431-30 30v342c0 16.569 13.431 30 30 30h243.972c16.569 0 30-13.431 30-30V554c0-16.569-13.431-30-30-30z m-30 60v282H419.999V584h183.973z" fill="#48EBE9" p-id="1003"></path><path d="M450.032 133.943l-274 186.824A110 110 0 0 0 128 411.65V816c0 60.751 49.249 110 110 110h548c60.751 0 110-49.249 110-110V411.65a110 110 0 0 0-48.032-90.883l-274-186.824c-37.38-25.488-86.555-25.488-123.936 0z m90.135 49.573l274 186.824A50 50 0 0 1 836 411.65V816c0 27.614-22.386 50-50 50H238c-27.614 0-50-22.386-50-50V411.65a50 50 0 0 1 21.833-41.31l274-186.824c16.99-11.586 39.343-11.586 56.334 0z" fill="#4633FF" p-id="1004"></path></svg>
        </a>
        <a class="mm" href="${pageContext.request.contextPath}/adim/wm">忘记密码</a><br>


    </div>
    <!-- /.login-box-body -->
    <script
            src="${pageContext.request.contextPath}/plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script
            src="${pageContext.request.contextPath}/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script
            src="${pageContext.request.contextPath}/plugins/iCheck/icheck.min.js"></script>
    <script>
        $(function() {
            $('input').iCheck({
                checkboxClass : 'icheckbox_square-blue',
                radioClass : 'iradio_square-blue',
                increaseArea : '20%' // optional
            });
        });
    </script>
</div>
</body>
</html>
